<style>
    .left-td {
        text-align: left;
    }

    .right-td {
        text-align: right;
    }
    .table > thead > tr > th{
        border: solid  #0a0a0a 1px!important;
        border-top: 1px solid #0a0a0a;
    }
    td, tr, table,tbody {
        border: solid  #0a0a0a 1px!important;
        font-size: 13px;
        word-wrap:break-word;word-break:break-all;
        max-width: 200px;
    }
    .cy-div{
        word-wrap:break-word;word-break:break-all;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
        border: solid  #0a0a0a 1px!important;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border: solid  #0a0a0a 1px!important;
    }
</style>
<div style="padding: 20px;">
    <div style="width: 100%;height: 50px;line-height: 50px;font-size: 20px;text-align: center">
        {$info.status_name}
    </div>
    <div style="width: 100%;height: 20px;line-height: 20px;font-size: 12px;">
        <div style="width: 50%;height: 20px;line-height: 20px;float: left">单据日期：{$info.date}</div>
        <div style="width: 50%;height: 20px;line-height: 20px;float: left">单据编号：{$info.order_no}</div>
        {switch name="info.status"}
        {case value="800"}
        <div style="width: 50%;height: 20px;line-height: 20px;float: left">{$info.unit_key}：{$info.unit_name}</div>
        {/case}
        {case value="900"}
        <div style="width: 50%;height: 20px;line-height: 20px;float: left">{$info.unit_key}：{$info.unit_name}</div>
        {/case}
        {default /}
        {/switch}
        <div class="cy-div" style="width: 50%;height: 20px;line-height: 20px;float: left">备注：{$info.remarks}</div>
    </div>
    <table class="table" style="margin-top: 40px;">

        <tr>
            <th>{:__('行号')}</th>
            <th>{:__('项目名称')}</th>
            <th>{:__('项目备注')}</th>
            <th>{:__('金额')}</th>
            <th >{:__('金额单据备注')}</th>
        </tr>

        <tbody>
        {foreach name="$list" item="value" key="key}
        <tr>
            <td>{$key +1}</td>
            <td>{$value.project.name}</td>
            <td>{$value.project.remarks}</td>
            <td>{$value.price}</td>
            <td>{$value.remarks}</td>
        </tr>
        {/foreach}
        </tbody>
        <tbody>
        <tr>
            <td>总计</td>
            <td></td>
            <td></td>
            <td>{$info.price}</td>
            <td></td>
        </tr>
        </tbody>
    </table>
    <div style="width: 100%;height: 20px;line-height: 20px;font-size: 12px;">
        <div style="width: 50%;height: 20px;line-height: 20px;float: left">经手人：{$info.staff_name}</div>
        <div style="width: 50%;height: 20px;line-height: 20px;float: left">打印日期：{:date('Y-m-d')}</div>
    </div>
    <div class="hide layer-footer" >
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-12">
            <button type="reset" class="btn btn-primary btn-embossed btn-dy" >{:__('打印')}
            </button>
            <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}
            </button>
        </div>
    </div>

</div>
